<template>
  <div class="product">
	  <div class="breadcrumbs">
	  	<div class="container">
	  		<div class="row">
	  			<div class="col-lg-4 col-sm-4">
	  				<h1>
	  					核心产品
	  				</h1>
	  			</div>
	  			<div class="col-lg-8 col-sm-8">
	  				<ol class="breadcrumb pull-right">
	  					<li>
	  						<a href="#">
	  							首页
	  						</a>
	  					</li>
	  					<li class="active">
	  						/核心产品
	  					</li>
	  				</ol>
	  			</div>
	  		</div>
	  	</div>
	  </div>
    <div class="product-item">
      <img src="" alt="" class="product-img">
      <div class="product-box">
        <h1 class="product-name">
          测试
        </h1>
        <p class="product-text">
          测试
        </p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="less" scoped>
	.breadcrumbs {
		background: #34495e;
		color: #fff;
		padding: 30px 0;
		margin-bottom: 40px;
		width: 1903px;
		margin-left: -352px;
		height: 28px;
	}
	
	.breadcrumbs h1 {
		font-size: 24px;
		font-weight: 600;
		margin: 3px 0 0;
		text-transform: uppercase;
		margin-left: 19%;
		margin-top: 0%;
	}
	
	.breadcrumb {
		margin-bottom: 0;
		background: none;
		font-size: 16px;
		margin-left: 75%;
		margin-top: -23px;
	}
	
	.breadcrumb li a {
		color: #48cfad;
	}
	
	.breadcrumb li.active {
		color: #fff;
	}
	
	.breadcrumb>li {
		display: inline-block;
	}
	
.product{
  margin: 20px auto;
  width: 1200px;
}
.product-item{
  display: flex;
  margin-bottom: 20px;
}
.product-img{
  width: 572px;
  height: 572px;
  margin-right: 20px;
}
.product-name{
  margin-top:160px;
  margin-bottom: 30px;
  font-size: 34px;
  color:#999;
  font-weight: 400;
}
</style>